<template>
    <div class="audit-content">
        <left-menu @selectItem="changeAudit"></left-menu>
        <right-conent :audit="auditName"></right-conent>
    </div>
</template>

<script>
import LeftMenu from './left-menu/left-menu.vue'
import RightConent from './right-content/right-content.vue'

/** auditName 在左右两侧组件中转 */
export default {
    data() {
        return {
            // 当前审计名
            auditName: new Map([
                ['auditType', 'CONTRACT'],
                ['auditName', '电子签约文件']
            ])
        }
    },
    methods: {
        /** 改变查看的审计目标 */
        changeAudit(item) {
            this.auditName = item
        }
    },
    components: {
        LeftMenu,
        RightConent
    }
}
</script>

<style lang="less" scoped>
.audit-content {
    margin: 15px 15px 0;
    background-color: #fff;
    position: relative;
    height: calc(100% - 25px);
}
</style>
